<template>
    <div class="container">
<!--        <HeaderIndex></HeaderIndex>-->
        <h3>{{title}}</h3>
          <a href="#/earphone">耳机</a>
          <a href="#/apparel">穿戴</a>
        <hr>
        <RouterView></RouterView>
    </div>
</template>

<script>
import HeaderIndex from '@/components/header'
export default {
    name: "SmartWearables",
    data(){
        return{
            title:'智能穿戴'
        }
    },
    components:{
        HeaderIndex
    }
}
</script>

<style scoped>

.container{
    width: 700px;
    height: 600px;
    border: 1px solid yellowgreen;
}
</style>